<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>咸鱼注册页</title>
		<link rel="stylesheet" type="text/css" href="../../css/common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/begin/register.css"/>
		<script type="text/javascript" src="../../js/begin/identify.js" ></script>
	</head>
	<body>
		<div class="web">
			<header>
				<a href="begin.html" class="fl">取消</a>
				<h3>注册</h3>
			</header>
			<section>
				<form  action="" method="post">
					<div class="register-tel">
						<span>手机号码</span>
						<input type="tel" name="tel" id="tel" placeholder="请输入手机号码"/>
					</div>
					<div class="Forgetpwd-identify">
						<div class="Forgetpwd-identify-input">
							<span>验证码</span>
							<input type="text" name="identity" id="identify" placeholder="请输入验证码"  />
						</div>
						<input type="button" name="identify_code" id="identify_code" value="获取验证码"  onclick="settime(this);"/>
						<div class="tip2" id="tip2">
							<span>验证码已发送</span>
							<a ><img src="../../img/begin/login-close.png" /></a>
						</div>
					</div>
					
					<div class="register-user1">
						<span>个人昵称</span>
						<input type="text" name="username" id="username" placeholder="请输入个人昵称"/>
					</div>
					<div class="register-user2">
						<span>设置密码</span>
						<input type="password" name="password" id="password" placeholder="8-20位数字和字母组合"/>
					</div>
					<div class="register-user3">
						<span>确认密码</span>
						<input type="password" name="repassword" id="repassword" placeholder="请重复输入密码"/>
					</div>
					<div class="register-choise">
						<label>
							<i id="border" onclick="hidden1()"></i>&nbsp;&nbsp;&nbsp;&nbsp;我已阅读并接受&nbsp;<a href="">优呗小店用户注册协议</a>
							<i id="true1" onclick="hidden2()"><img src="../../img/begin/register-choise.png"/></i>
						</label>
					</div>
					<div class="register-finish">
						<button><a href="login.html">完成</a></button>
					</div>
				</form>	
				
			</section>
			<script>
				function hidden1(){
					document.getElementById("border").style.display="none"
					document.getElementById("true1").style.display="block"
				}
				function hidden2(){
					document.getElementById("border").style.display="block"
					document.getElementById("true1").style.display="none"
				}
			</script>
		</div>
		<script type="text/javascript" src="../../js/common/common.js" ></script>
	</body>
</html>
